<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>Happy Birthday</title>
  <link rel="stylesheet" href="../css/jquery.fullPage.css">
  <link rel="stylesheet" href="../css/style.css">
</head>

<body>
  <div class="bgcolor">
    <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
        <div class="ly-box01">
          <div class="ly-txt01">
            <p class="ly-stxt01">第一次认识你是在上楼梯的瞬间</p>
            <p class="ly-stxt02">你沉迷手中的数学题</p>
            <p class="ly-stxt03">我忙着赶路</p>
            <p class="ly-stxt04">那时我在想：数学题什么时候让我为之沉迷</p>
            <!-- ，在认清 -->
            <p class="ly-stxt05">命运的齿轮开始转动</p>
            <!-- <p class="ly-stxt05">生活的真相后，更加热爱它吧！</p> -->
          </div>
          <div class="ly-txt02">
            <p class="ly-stxt06">再次见面，已有幸成为您的学生</p>
            <p class="ly-stxt07">我从来没有像高三那样喜欢数学课</p>
            <p class="ly-stxt08">至于数学成绩咱们先不讨论哈QaQ</p>
            <p class="ly-stxt09">感谢一路走来 老师您给予我的鼓励与教导</p>
            <p class="ly-stxt10">往下拉！</p>
          </div>
        </div>
      </div>

      <!--第二屏-->
      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box11">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt12">

          </div>
          <div class="ly-imgbox11" style="height:80%">
            <img class="ly-img11" src="../img/iii.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt14">
            <p>MR.Hu</p>
            <p>很幸运认识了你</p>
            <p>您对数学的热爱与坚持</p>
            <p>以及对教学的耐心与认真</p>
            <p>一直是我学习的动力</p>
          </div>
          <div class="ly-imgbox11" style="height:50%">
            <img class="ly-img11" src="../img/hhh.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle12"></div>

      </div>

      <!--第三屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint21"></div>
        <div class="ly-box21">
          <div class="ly-txt21" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt22" style="left:20%;font-size: 45px">
            <p>祝</p>
            <p>您</p>
          </div>
          <div class="ly-imgbox21">
            <img class="ly-img21" src="../img/bbb.jpg">
          </div>
        </div>
        <div class="ly-triangle21"></div>

        <div class="ly-box22">
          <div class="ly-txt23" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt24">
            <p>心中有景</p>
            <p>花香满径</p>
            <p>改革春风吹满地</p>
            <p>新的一岁要争气</p>
          </div>
          <div class="ly-imgbox22">
            <img class="ly-img22" src="../img/aaa.jpg">
          </div>
        </div>
        <div class="ly-triangle22"></div>

        <div class="ly-box23">
          <div class="ly-txt25" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt26">
            <p>春祺夏安，秋绥冬禧</p>
            <p>平安喜乐</p>
            <p>得偿所愿</p>
          </div>
          <div class="ly-imgbox23" style="height: 70%">
            <img class="ly-img23" src="../img/ccc.jpg" style="height: 100%">
          </div>
        </div>
        <div class="ly-triangle23"></div>
      </div>

      <!--第四屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint31"></div>
        <div class="ly-box31">
          <div class="ly-txt31" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt32">
            <p>最后</p>
            <p>3.14159</p>
            <p>劝君更尽一杯酒</p>
            <p>健康快乐都拥有🌈</p>
          </div>
          <div class="ly-imgbox31" style="height:50%">
            <img class="ly-img31" src="../img/ddd.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle31"></div>

        <div class="ly-box32">
          <div class="ly-txt33" style="width:100%;height:15%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt34">
            <p>今晚的星星只有二十五颗，我是说，当你数到第二十五颗就把眼睛闭上，许个愿望吧！！</p>
          </div>
          <div class="ly-imgbox31">
            <img class="ly-img31" src="../img/eee.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle32"></div>
      </div>


      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box81">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:200%">
          </div>
          <div class="ly-txt82" style="top:8%">
            <p class="wwww1">来自23级学生--锦萍同学的悄悄话</p>
            <p class="wwww1">认识你很遗憾的一件事是</p>
            <p class="wwww1">曾经我对自己承诺</p>
            <p class="wwww1">如果数学考到英语的一半</p>
            <p class="wwww1">就去找你合照</p>
            <p class="wwww1">虽然我并没有做到</p>
            <p class="wwww1">但是我不会放弃</p>
            <p class="wwww1">希望前途似海，会有来日方长</p>
          </div>
          <div class="ly-imgbox81">
            <img class="ly-img81" src="../img/fff.jpg">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box82">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt84">
            <p>Hi!小胡老师，</p>
            <p>今天是你的生日!</p>
            <p>在这个特别的时刻，</p>
            <p>首先送上我的祝福，愿您岁岁常欢愉，年年皆胜意</p>
            <p>新的一岁，希望您在工作中</p>
            <p>对喜欢的事永远热爱</p>
            <p>最重要的是永远有好心情</p>
            <p>当然，快乐不止生日</p>
            <p><a href="./EasterEgg.html">点击有彩蛋</a> </p>
          </div>

        </div>
        <div class="ly-triangle82"></div>
      </div>

    </div>
    <!--试验-->
    <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
  <audio src="../music/1.mp3" autoplay="autoplay" loop="loop">

    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/jquery.fullPage.min.js"></script>
    <script src="../js/diy.js"></script>
</body>

</html>